<template>
  <div class="hello-yw-container">
    <h1 class="greeting-text">你好</h1>
    <ai-chat-box />
  </div>
</template>

<script>
import AiChatBox from "@/components/AiChatBox";

export default {
  name: "HelloYw",
  components: {
    AiChatBox,
  },
};
</script>

<style scoped>
.hello-yw-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.greeting-text {
  font-size: 2.5rem;
  color: #2c3e50;
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
</style>
